import React, { memo, useEffect } from 'react'
import HallWarrper from './style'

import Tab from '@/base-ui/tab/index'
import { Outlet } from 'react-router-dom'
import { useDispatch } from 'react-redux'

const index = memo(() => {
  const dispatch = useDispatch()
  const tab = [
    {
      to: "/hall/concentration",
      msg: "精选",
    },
    {
      to:"/hall/songsheet",
      msg:"分类歌单"
    },
    {
      to:"/hall/anking",
      msg:"排行"
    },
    {
      to:"/hall/audiostation",
      msg:"有声电台"
    },
    {
      to:"/hall/singer",
      msg:"歌手"
    }

  ];
  return (
    <HallWarrper>
      <h1>音乐馆</h1>
      <Tab tabList={tab}/>
      {/* <HallOption/> */}
      <Outlet/>
    </HallWarrper>
  )
})

export default index